<template>
  <div id="Main">
    <div id="banner">
      <banner></banner>
    </div>
    <div id="container">
      <div class="h">产品中心</div>
      <container></container>
      <container1></container1>
    </div>
    <address></address>
    <div id="address">
      <div class="h">联系我们</div>
        <my-address></my-address>
    </div>
    <div id="suggestion">
      <suggestion></suggestion>
    </div>
  </div>
</template>

<script>
    import Banner from "../components/content/Main/banner/banner";
    import Suggestion from "../components/content/Main/suggetsion/suggestion";
    import NavBarItem from "../components/common/navBarItem/navBaritem";
    import Container from "../components/content/Main/container/container";
    import MyAddress from "../components/content/Main/address/myAddress";
    import Foot from "../components/content/footer/foot";
    import Container1 from "../components/content/Main/container/container1";
    export default {
        name: "Main",
        components: { Foot, MyAddress, Container, NavBarItem, Suggestion, Banner,Container1}
    }
</script>

<style scoped>
  #Main{
    width: 100%;
    margin: 0 auto;
  }
  #suggestion{
    background-color: #4c4c4c;
  }
  #address{
    background-color: #f8f8f8;
  }
  .h{
    color: red;
    font-size: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
  }

</style>
